$(function () {
    // 业务 : 
    // - 1. 点击按钮发送请求; 
    //    - 发送请求的方式 : 
    //         1. xhr   发送请求; 
    //         2. fetch 发送请求; 

    // - 2. 根据响应数据决定提示内容; 

    // 登录信息之中会存在一个token 这个token是后端经过加密处理之后的登陆凭证; 
    // - 你可以利用这个凭证在后续的操作之中证明你的身份; 

    var submit = $("#submit");
    var username = $("#username");
    var password = $("#password");

    submit.click(sendAjax);

    function sendAjax() {
        let options = {
            url: "http://127.0.0.1:8888/users/login",
            type: "POST",
            data: {
                username: username.val(),
                password: password.val()
            },
            dataType: "json"
        }
        let data = $.ajax(options)
            // 根据服务器返回的登录信息进行用户提示; 
            // 用switch定义code情况; 
            .done(function (data) {
                // console.log(data);
                switch (data.code) {
                    case 0:
                        errorTip(data.message);
                        break;
                    case 1:
                        successTip(data.message);
                        setTimeout(function () {
                            location.href = "./index.html"
                        }, 2000)
                        //登录成功之后获取存储用的id; 
                        setCookie("userid", data.user.id);
                        setCookie("token", data.token, {
                            expires: 1
                        });
                        console.log(data.user.id);
                        break;
                }
            })

    }

    var login_tip = document.getElementById("login_tip");

    function errorTip(msg) {
        login_tip.style.display = "block";
        login_tip.classList.remove("alert-success");
        login_tip.classList.add("alert-danger");

        login_tip.innerHTML = msg;

        setTimeout(function () {
            login_tip.style.display = "none";
        }, 2000)
    }

    function successTip(msg) {
        login_tip.classList.remove("alert-danger");
        login_tip.classList.add("alert-success");
        login_tip.style.display = "block";
        login_tip.innerHTML = msg;

        setTimeout(function () {
            login_tip.style.display = "none";
        }, 2000)
    }

})